<template>
  <div>
    <!-- 头部 -->
    <div>
      <el-menu
        class="el-menu-demo"
        mode="horizontal"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b"
        default-active="/home/index"
        router
      >
        <el-menu-item index="/home/index">首页</el-menu-item>
        <el-menu-item index="/home/mess">资讯</el-menu-item>
        <el-menu-item index="/home/hot">热点</el-menu-item>
        <el-menu-item index="/home/login">登录</el-menu-item>
      </el-menu>
    
    </div>

    <div class="home">
      <!-- 二级路由 -->
      <router-view></router-view>
    </div>
  </div>
</template>

<style scoped>
.home {
  width: 1200px;
  margin: auto;
}
</style>